<template>
  <div class="main">
      <Header />
      <div class="container">
          <div class="top">
            <p>华为(HUAWEI)荣耀6Plus 16G双4G版</p>
            <hr>
            <div class="top-text">
              *因可能存在系统缓存，页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系我们，以便我们及时补正。 

*以上页面中的产品图片及屏幕内容仅作示意，实物产品效果（包括但不限于外观、颜色、尺寸）和屏幕显示内容（包括但不限于背景、UI、配图）可能略有差异，请以实物为准。 

*以上页面中的数据为理论值，均来自荣耀内部实验室，于特定测试环境下所得（请见各项具体说明），实际使用中可能因产品个体差异、软件版本、使用条件和环境因素不同略有不同，请以实际使用的情况为准。 

*为提供尽可能准确的产品信息、规格参数、产品特性，荣耀可能实时调整和修订以上页面中的文字表述、图片效果等内容，以求与实际产品性能、规格、指数、零部件等信息相匹配，由于产品批次和生产供应因素实时变化，如遇确有进行上述修改和调整必要的情形，恕不专门
            </div>
          </div>
          <!-- <ul class="img-box"> -->
            <!-- <li > -->
              <div class="img-box">
                <img width="100%" v-lazy="item" v-for="(item,index) in imgList" :key="index">
              </div>
            <!-- </li> -->
          <!-- </ul> -->
      </div>
  </div>
</template>

<script>
import Header from '../Header/Header.vue'
export default {
    components: { Header },
    data(){
      return {
        imgList:[
          '../../../static/huawei.jpg',
          '../../../static/huawei2.jpg',
        ]
      }
    }
 
}
</script>

<style scoped>
.container{
  margin-top: 6vh;
}
.top{
  margin-top: 50px;
}
.top>p{
    margin: 10px;
    color: blue;
}
.top-text{
    margin: 5px 0px;
    color: #666;
    font-size: 12px;
    text-align: left;
}
.img-box{
  font-size: 0;
}
/* image[lazy=loading] {
  width: 40px;
  height: 300px;
  margin: auto;
} */
</style>